.root {

}

.header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #213547;
    color: white;
    padding: 20px 20px;
}

.headerLogo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}

.container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* 自动填充，每列宽度固定为100px */
    gap: 15px; /* 间距，可根据需要调整 */
}

.containerItem {
    width: 200px;
    height: 180px;
    background-color: white;
    margin: 5px auto;
    border-radius: 5px;
    box-shadow: 2px 2px 4px #eeeeee;
    border: 1px solid #eeeeee;
    cursor: pointer;
    transition: transform 0.3s ease; /* 添加过渡效果 */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.containerItemClose {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: none;
}

.containerItem:hover {
    transform: scale(1.1);
    border: 1px solid #213547;
}

.containerItem:hover .containerItemClose {
    display: block;
}